/************ LIGHT VERSION **********/

.light .tab {
	background-color: #aaaaaa;
	background-image: -moz-linear-gradient(top, #aaaaaa, #444444); /* FF3.6 */
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #aaaaaa),color-stop(1, #444444)); /* Saf4+, Chrome */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#aaaaaa', EndColorStr='#444444'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#aaaaaa', EndColorStr='#444444')"; /* IE8 */
}

.light #active {
	background-color: #3399cc;
	background-image: -moz-linear-gradient(top, #0e5d7b, #3399cc); /* FF3.6 */
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #0e5d7b),color-stop(1, #3399cc)); /* Saf4+, Chrome */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#0e5d7b', EndColorStr='#3399cc'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#0e5d7b', EndColorStr='#3399cc')"; /* IE8 */
}

.light #active:before {			
	border: 3px solid #3399cc;					
	border-top: none;
	border-left: none;
}
			
.light #active:after {
	border: 3px solid #3399cc;					
	border-top: none;
	border-right: none;
}

.light .tab-strip {
	background: #3399cc;	
}

.light .panes, .light .panes-scroll, .light .no-bg > div {
	background-color: #ffffff;
	background-image: -moz-linear-gradient(top, #ffffff, #cccccc); /* FF3.6 */
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ffffff),color-stop(1, #cccccc)); /* Saf4+, Chrome */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#cccccc'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#cccccc')"; /* IE8 */	
}

.light .panes > div, .light .panes-scroll > div {
	color: #000;
}

.light .panes > div h2, .light .panes-scroll > div h2 {
	color: #000;
}



/************** DARK VERSION ***************/

.dark .tab{
	background-color: #222222;
	background-image: -moz-linear-gradient(top, #888888, #222222); /* FF3.6 */
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #888888),color-stop(1, #222222)); /* Saf4+, Chrome */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#888888', EndColorStr='#222222'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#888888', EndColorStr='#222222')"; /* IE8 */
}

.dark #active {
	background-color: #09f;
	background-image: -moz-linear-gradient(top, #003355, #0099ff); /* FF3.6 */
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #003355),color-stop(1, #0099ff)); /* Saf4+, Chrome */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#003355', EndColorStr='#0099ff'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#003355', EndColorStr='#0099ff')"; /* IE8 */
}

.dark #active:before {			
	border: 3px solid #09f;					
	border-top: none;
	border-left: none;
}
			
.dark #active:after {
	border: 3px solid #09f;					
	border-top: none;
	border-right: none;
}

.dark .tab-strip {
	background: #09f;	
}

.dark .panes, .dark .panes-scroll, .dark .no-bg > div {
	background-color: #101010;
	background-image: -moz-linear-gradient(top, #777777, #101010); /* FF3.6 */
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #777777),color-stop(1, #101010)); /* Saf4+, Chrome */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#777777', EndColorStr='#101010'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#777777', EndColorStr='#101010')"; /* IE8 */
}

.dark .panes > div, .dark .panes-scroll > div {
	color: #f5f5f5;
}

.dark .panes > div h2, .dark .panes-scroll > div h2 {
	color: #0df;
}



/************** BROWN VERSION ***************/

.brown .tab {
	background-color: #7F5727;
	background-image: -moz-linear-gradient(top, #7F5727, #3F2B14); /* FF3.6 */
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #7F5727),color-stop(1, #3F2B14)); /* Saf4+, Chrome */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#7F5727', EndColorStr='#3F2B14'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#7F5727', EndColorStr='#3F2B14')"; /* IE8 */
}

.brown #active {
	background-color: #CFAB81;
	background-image: -moz-linear-gradient(top, #7F694F, #CFAB81); /* FF3.6 */
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #7F694F),color-stop(1, #CFAB81)); /* Saf4+, Chrome */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#7F694F', EndColorStr='#CFAB81'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#7F694F', EndColorStr='#CFAB81')"; /* IE8 */
}

.brown #active:before {			
	border: 3px solid #CFAB81;				
	border-top: none;
	border-left: none;
}
			
.brown #active:after {
	border: 3px solid #CFAB81;					
	border-top: none;
	border-right: none;
}

.brown .tab-strip {
	background: #CFAB81;	
}

.brown .panes, .brown .panes-scroll, .brown .no-bg > div {
	background-color: #EFCCA4;
	background-image: -moz-linear-gradient(top, #EFCCA4, #9F6C31); /* FF3.6 */
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #EFCCA4),color-stop(1, #9F6C31)); /* Saf4+, Chrome */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#EFCCA4', EndColorStr='#9F6C31'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#EFCCA4', EndColorStr='#9F6C31')"; /* IE8 */
}

.brown .panes > div, .brown .panes-scroll > div {
	color: #242424;
}

.brown .panes > div h2, .brown .panes-scroll > div h2 {
	color: #242424;
}



/************** RED VERSION ***************/

.red .tab {
	background-color: #c7a199;
	background-image: -moz-linear-gradient(top, #c7a199, #a26559); /* FF3.6 */
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #c7a199),color-stop(1, #a26559)); /* Saf4+, Chrome */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#c7a199', EndColorStr='#a26559'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#c7a199', EndColorStr='#a26559')"; /* IE8 */
}

.red #active {
	background-color: #9F2A13;
	background-image: -moz-linear-gradient(top, #AF786D, #9F2A13); /* FF3.6 */
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #AF786D),color-stop(1, #9F2A13)); /* Saf4+, Chrome */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#AF786D', EndColorStr='#9F2A13'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#AF786D', EndColorStr='#9F2A13')"; /* IE8 */
}

.red #active:before {			
	border: 3px solid #9F2A13;				
	border-top: none;
	border-left: none;
}
			
.red #active:after {
	border: 3px solid #9F2A13;					
	border-top: none;
	border-right: none;
}

.red .tab-strip {
	background: #9F2A13;	
}

.red .panes, .red .panes-scroll, .red .no-bg > div {
	background-color: #ffffff;
	background-image: -moz-linear-gradient(top, #ffffff, #cccccc); /* FF3.6 */
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ffffff),color-stop(1, #cccccc)); /* Saf4+, Chrome */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#cccccc'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#cccccc')"; /* IE8 */
}

.red .panes > div, .red .panes-scroll > div {
	color: #000;
}

.red .panes > div h2, .red .panes-scroll > div h2 {
	color: #000;
}



/************** GREEN VERSION ***************/

.green .tab {
	background-color: #3cc436;
	background-image: -moz-linear-gradient(top, #a1e49d, #3cc436); /* FF3.6 */
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #a1e49d),color-stop(1, #3cc436)); /* Saf4+, Chrome */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#a1e49d', EndColorStr='#3cc436'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#a1e49d', EndColorStr='#3cc436')"; /* IE8 */
}

.green #active {
	background-color: #34aa2e;
	background-image: -moz-linear-gradient(top, #174c15, #34aa2e); /* FF3.6 */
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #174c15),color-stop(1, #34aa2e)); /* Saf4+, Chrome */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#174c15', EndColorStr='#34aa2e'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#174c15', EndColorStr='#34aa2e')"; /* IE8 */
}

.green #active:before {			
	border: 3px solid #34aa2e;				
	border-top: none;
	border-left: none;
}
			
.green #active:after {
	border: 3px solid #34aa2e;					
	border-top: none;
	border-right: none;
}

.green .tab-strip {
	background: #34aa2e;	
}

.green .panes, .green .panes-scroll, .green .no-bg > div {
	background-color: #ffffff;
	background-image: -moz-linear-gradient(top, #ffffff, #cccccc); /* FF3.6 */
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ffffff),color-stop(1, #cccccc)); /* Saf4+, Chrome */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#cccccc'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#cccccc')"; /* IE8 */
}

.green .panes > div, .green .panes-scroll > div {
	color: #000;
}

.green .panes > div h2, .green .panes-scroll > div h2 {
	color: #000;
}